<mat-toolbar [color]="theme">
  <mat-toolbar-row>
    <mat-icon class="title-icon" [routerLink]="['/']">home</mat-icon>
    <span [routerLink]="['/']">{{ title }}</span>
    <span class="toolbar-spacer"></span>
    <mat-icon *ngIf="url === ''" class="tool-icon" (click)="openSearch()">search</mat-icon>
    <mat-icon class="tool-icon" (click)="openDrawTheme()" #drawThemeIcon>format_color_fill</mat-icon>
  </mat-toolbar-row>
</mat-toolbar>

<router-outlet></router-outlet>

<div class="footer">
  <p>{{ title }} &copy; 2020</p>
</div>